<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/shopCart.css"/>
	</head>
	<body>
		<!--头部信息-->
		<nav class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				            <span class="sr-only">切换导航</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				        </button>
						<a class="navbar-brand logo" href="#"><img src="../img/logo0.png" /></a>
					</div>
					<div class="collapse navbar-collapse navbar-right" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li>
								<a href="#" class="fc-blue" id="userName">你好，张三</a>
							</li>
							<li>
								<a class="fc-blue" href="myOrders.html">我的订单</a>
							</li>
							<li>
								<a class="fc-blue quit" href="javascript:;">退出</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</nav>
		<div class="container">
			<div class="headNav row">
				<ol class="breadcrumb col-md-10 col-sm-10 col-xs-10">
				    <li><a href="main.html">月星家居</a></li>
				    <li class="active">购物车</li>
				</ol>
				<div class="addAddress col-md-2 col-sm-2 col-xs-2 border-blue fc-blue">
					<i class="icon-plus"></i><span  style="margin-left: 10px;">添加收货信息</span>
				</div>
			</div>
			<!--收货地址开始-->
			<div class="addressInfo col-md-12 col-sm-12 col-xs-12">
				<span class="changeAddress fc-blue fr"><i class="icon-edit"></i>修改收货信息</span>
				<p><span id="receiver">张三收</span><span id="receiverPhone">13856783456</span></p>
				<p id="receiverAddress">上海市闵行区浦江镇红星美凯龙12号102室</p>
			</div>
			<!--收货地址结束-->
			<div class="shopCartGoods">
				<ul class="shopCartGoodsHead">
					<li class="col-md-1 col-sm-1 col-xs-1 text-center"><input type="checkbox" name="selectAll" class="selectAll"/>全选</li>
					<li class="col-md-3 col-sm-3 col-xs-3 text-center">商品信息</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">单价(元)</li>
					<li class="col-md-2 col-sm-2 col-xs-2 text-center">数量</li>
					<li class="col-md-2 col-sm-2 col-xs-2 text-center">折扣率</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">折扣价</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">小计</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">操作</li>
				</ul>
				<!--购物车商品列表开始-->
				<div class="shopCartGoodsMain">
					<!--<ul class="shopCartGoodsItem">
						<li class="col-md-1 col-sm-1 col-xs-1 text-center"><input type="checkbox" name="selectAll" id="selectAll"/></li>
						<li class="col-md-3 col-sm-3 col-xs-3 text-center">
							<dl class="center-block">
								<dt class="fl"><img src="../img/goods3.png"/></dt>
								<dd class="fl text-left">
									<p>1002950001</p>
									<p class="fc-gray">型号：TOTO DL363</p>
									<p class="fc-gray">规格：840*730*400</p>
								</dd>
							</dl>
						</li>
						<li class="col-md-1 col-sm-1 col-xs-1 text-center">￥3456</li>
						<li class="col-md-2 col-sm-2 col-xs-2 text-center">
							<div class="addAndReduce">
								<button>-</button><input type="text" name="count" id="count" value="1" disabled="" /><button>+</button>
							</div>
						</li>
						<li class="col-md-2 col-sm-2 col-xs-2 text-center"><input type="text" value="10%" /></li>
						<li class="col-md-1 col-sm-1 col-xs-1 text-center"><input type="text" value="￥345.6" /></li>
						<li class="col-md-1 col-sm-1 col-xs-1 text-center fc-red">￥345.6</li>
						<li class="col-md-1 col-sm-1 col-xs-1 text-center deleteItem">删除</li>
					</ul>-->
				</div>
				<div class="zdzklBox bg-color-gray">
					<label for="zdzkl">整单折扣率：</label><input type="number" name="zdzkl" id="zdzkl" class="zdzkl" />%&nbsp;&nbsp;(不包含通用商品)
				</div>
				<!--购物车商品列表结束-->
				<!--上传图片开始-->
				<div class="uploadBox form-group">
					<div class="uoloadimgBox"></div>
					<a href="javascript:;" class="fileBox">选择图片<input type="file"  multiple="multiple" name="uploadfile" id="file" /></a><a id="upload" class="upload" href="javascript:;">上传</a><a id="removeBtn" class="removeBtn" href="javascript:;">删除</a>
				</div>
				
				<!--上传图片结束-->
				<div class="generateOrder">
					<input type="checkbox" name="selectAll" class="selectAll" />全选&nbsp;&nbsp;&nbsp;&nbsp;<span class="deleteAll">删除</span>
					<div class="fr">
						已选商品<span class="fc-red f18" id="totalCount">0</span>种&nbsp;&nbsp;合计：<span class="fc-red f18">￥<span id="totalPrice">0</span></span><button class="bg-color-blue" id="generateOrderBtn">生成订单</button>
					</div>
				</div>
			</div>
		</div>
		
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/service.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/shopCart.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
